<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8" import="java.util.*, koction.model.consumer.*"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<script type="text/javascript">
	$(function(){
		var cart=$(":checkbox[name=productId]");
		var id=[];
		var amount=[];
		var str="";
		var point="";
		$("#cartTbody").on("click",$(":checkbox[name=productId]"),function(){
			point="";
			var totalPrice=0;
			cart=$(":checkbox[name=productId]");
			$.each(cart, function(index, data){
				if(cart[index].checked){
					var a=$(":text[name=amount]").eq(index-1).val();
					var b=$("#cartTbody tr").eq(index).children().eq(3).text();
					totalPrice+=a*b;
					point+="&mPoint="+a*b;
				}
			});
			$("#totalPrice").html("<table border=0  id='totalTable'><tr><td>상품가격</td>"
					+"<td>"+totalPrice+"</td><td>총 구매금액</td><td>"+totalPrice);
		});
		
		$("#AllProductBtn").click(function(){
			point="";
			$(":checkbox[name=productId]").prop("checked",true);
			var totalPrice=0;
			$.each(cart, function(index, data){
				if(cart[index].checked){
					var a=$(":text[name=amount]").eq(index-1).val();
					var b=$("#cartTbody tr").eq(index).children().eq(3).text();
					totalPrice+=a*b;
					point+="&mPoint="+a*b;
				}
			});	
			$("#totalPrice").html("<table border=0 id='totalTable'><tr><td>상품가격</td>"
					+"<td>"+totalPrice+"</td><td>총 구매금액</td><td>"+totalPrice);
		});//AllProduct click
		
		$(":text[name=amount]").keypress(function(){
			$(cart).prop("checked",false);
		});//수량변경
		
		$("#delectProductBtn").click(function(){
			cart=$(":checkbox[name=productId]");
			str="";
			if($(":checkbox[name=productId]:checked").length==0){
				alert("상품을 선택하세요");
				return false;
			}
			for(var i=0; i<cart.length; i++){
				if(cart[i].checked){
					if(str==""){
						str+="productId=";
					}else if(str!=""){
						str+="&productId=";
					}
					id[i]=$(cart[i]).val();
					str+=id[i];
				}
			}
			$.ajax({
				type:"post",
				url:"deletProductFormCart.do",
				data:str,
				dataType:"json",
				success:function(jsonData){
					var table="";
					if(jsonData.length==0){
						$("#cartDiv").html("장바구니가 비었습니다.");
					}else{
					for(i=0; i<jsonData.length; i++){
						table+='<tr><td><input type="checkbox" name="productId" value='+jsonData[i].productId+'></td>'
						+'<td><input type="text" name="amount" value='+jsonData[i].amount+' size="1"></td>'
						+'<td>'+jsonData[i].productName+'</td>'
						+'<td>'+jsonData[i].productPrice+'</td>'
						+'<td><img src="upload/'+jsonData[i].productId+'.jpg" width="100" height="50"></td></tr>';
					}
					$("#cartTbody").html(table);
					$("#totalPrice").html("");
					}//if-else
				}//callback
			});//ajax
		});//deleteProduct click
		var consumerPoint=${sessionScope.cvo.point };
		var total;
		$("#buyProductBtn").click(function(){
			total=$("#totalTable tr").children().eq(3).text();
			if(consumerPoint<total){
				alert("포인트가 부족합니다.");
				return false;
			}
			if($(":checkbox[name=productId]:checked").length==0){
				alert("상품을 선택하세요");
				return false;
			}
			for(var i=0; i<cart.length; i++){
				if(cart[i].checked){
					id[i]=$(cart[i]).val();
					amount[i]=$(":text[name=amount]").eq(i).val();
					str+="productId="+id[i]+"&amount="+amount[i]+"&";
				}
			}
			location.href="${initParam.root}/buyProductFromCart.do?"+str+"id=${sessionScope.cvo.id}"+point;
		});//click
	});
</script>



<%List<CartVO> list=(List<CartVO>)request.getAttribute("list");%>

	<%if(list.size()==0){%>
		장바구니가 비었습니다.
	<%}else if(list.size()>0){%>
		<div id="cartDiv">
		<form id="cartForm" action="buyProductFromCart.do">
			<table id="cartTable">
			<thead>
				<tr>
					<th></th><th>수량</th><th>상품명</th><th>가격</th><th>상품이미지</th>
				</tr>
			</thead>
			<tbody id="cartTbody">
			<%for(int i=0; i<list.size(); i++){%>
				<tr>
				<td><input type="checkbox" name="productId" value=<%=list.get(i).getProductId() %>> </td>
				<td><input type="text" name="amount" value="<%=list.get(i).getAmount() %>" size="1"></td>
				<td><a href="getProductInfo.do?productId=<%=list.get(i).getProductId() %>"><%=list.get(i).getProductName()%></a></td>
				<td><%=list.get(i).getProductPrice() %></td>
				<td><img src="upload/<%=list.get(i).getProductId() %>.jpg" width="100" height="50"></td>
				</tr>
			<%} %>
			</tbody>
			</table>
			<br>
			<span id="totalPrice"></span>
			<br>
			<input type="button" value="선택상품 구매" id="buyProductBtn">
			<input type="button" value="전체선택" id="AllProductBtn">
			<input type="button" value="선택상품 삭제" id="delectProductBtn">
			</form>
		</div>
	<%}%>



